<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <link rel="stylesheet" href="./utils/reset.css">
    <link rel="stylesheet" href="./utils/bootstrap.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/quality-equipment.css">

</head>


<body>
    <!--header头部-->
    <header>
        <div class="header-top">
            <div class="w1200 top-box">
                <span class="left-title">Shanghai Creation Group Co.Ltd</span>
                <div class="circle-box">
                    <ol class="circle-list">
                        <li class="circle-item">
                            <img src="./img/common/China-Circle.png" alt="China-Circle">
                            <span>中</span>
                        </li>
                        <li class="circle-item">
                            <img src="./img/common/Kingdom-Circle.png" alt="Kingdom-Circle">
                            <span>英</span>
                        </li>
                        <li class="circle-item">
                            <img src="./img/common/Germany-Circle.png" alt="Germany-Circle">
                            <span>德</span>
                        </li>
                        <li class="circle-item">
                            <img src="./img/common/Japan-Circle.png" alt="Japan-Circle">
                            <span>日</span>
                        </li>
                        <li class="circle-item">
                            <img src="./img/common/Russia-Circle.png" alt="Russia-Circle">
                            <span>俄</span>
                        </li>
                        <li class="circle-item">
                            <img src="./img/common/Spain-Circle.png" alt="Spain-Circle">
                            <span>西</span>
                        </li>
                        <li class="circle-item">
                            <img src="./img/common/Portugal-Circle.png" alt="Portugal-Circle">
                            <span>葡</span>
                        </li>
                        <li class="circle-item">
                            <img src="./img/common/France-Circle.png" alt="France-Circle">
                            <span>法</span>
                        </li>
                        <li class="circle-item">
                            <img src="./img/common/SouthKorea-Circle.png" alt="SouthKorea-Circle">
                            <span>韩</span>
                        </li>
                        <li class="circle-item">
                            <img src="./img/common/Emirates-Circle.png" alt="Emirates-Circle">
                            <span>阿</span>
                        </li>
                    </ol>
                </div>
            </div>
        </div>

    </header>
    <nav class="navbar">
        <div class="w1200 navbar-box">
            <div class="logo">
                <h1>
                    <a href="./index.html" role="img" class="logo-bd clearfix" title="logo-title">logo-title</a>
                </h1>
            </div>
            <ul class="link-box">
                <li>
                    <a href="./index.html">首页</a>
                </li>
                <li>
                    <a href="./about.html">关于我们</a>
                </li>
                <li class="active">
                    <a href="./quality.html">质量保证</a>
                </li>
                <li>
                    <a href="./center.html">产品中心</a>
                </li>
                <li>
                    <a href="./product.html">产品应用</a>
                </li>
                <li>
                    <a href="./new.html">新闻媒体</a>
                </li>
                <li>
                    <a href="./contact.html">联系我们</a>
                </li>
                <li>
                    <a href="./composition.html">集团组成</a>
                </li>
            </ul>
            <div class="search-box">
                <i class="search"></i>
                <input type="text" placeholder="搜索">
                <i class="awrrod"></i>
            </div>
        </div>
    </nav>
    <!--header头部-->

    <div class="about-banner quality">
        <h2>｜ 质量保证 ｜</h2>
        <div class="title">Quality Assurance</div>
    </div>

    <section class="section-tab w1200">
        <ul class="tab-box">
            <li class="item-top item">
                质量保证
            </li>
            <li class="item ">
                <a href="./quality.html">质量认证</a>
            </li>
            <li class="item">
                <a href="./quality-detection.html">检测设备</a>
            </li>
            <li class="item ">
                <a href="./quality-manufacture.html">制程工艺</a>
            </li>
            <li class="item active">
                <a href="./quality-equipment.html">生产设备</a>
            </li>
            <li class="item ">
                <a href="./quality-service.html">客户服务</a>
            </li>
            <li class="item ">
                <a href="./quality-package.html">包装标准</a>
            </li>
            <li class="item ">
                <a href="./quality-new.html">新品研发</a>
            </li>
        </ul>
        <div class="main-box">
            <div class="main-title">
                <h3>生产设备</h3>
                <p>质量保证 <i>/</i> <span>生产设备</span></p>
            </div>
            <div class="imgBox">
                <img src="./img/quality/img3.jpg" alt="">
                <div class="sign-box sign-1">
                    成品仓
                    <div class="sign-container">
                        <img src="./img/quality/equipment-img1.png" alt="equipment">
                        <p class="sign-detail">fsdafdsfasdfsadfsadfs</p>
                    </div>
                </div>
                <div class="sign-box sign-2">
                    酸洗
                    <div class="sign-container">
						<a href="#" media="https://player.youku.com/embed/XNjQwNDUzOTU0OA=="></a>
                        <img src="./img/quality/equipment-img1.png" alt="<?php echo translate('热处理车间',$fromLan,$toLan);?>"  >
                        <span class="sign-detail"><?php echo translate('热处理车间',$fromLan,$toLan);?></span>
                      </a>
                    </div>
                </div>
                <div class="sign-box sign-3">
                    拉丝车间
                    <div class="sign-container">
                        <img src="./img/quality/equipment-img1.png" alt="equipment">
                        <p class="sign-detail">fsdafdsfasdfsadfsadfs</p>
                    </div>
                </div>
                <div class="sign-box sign-4">
                    宿舍
                    <div class="sign-container">
                        <img src="./img/quality/equipment-img1.png" alt="equipment">
                        <p class="sign-detail">fsdafdsfasdfsadfsadfs</p>
                    </div>
                </div>
                <div class="sign-box sign-5">
                    食堂
                    <div class="sign-container">
                        <img src="./img/quality/equipment-img1.png" alt="equipment">
                        <p class="sign-detail">fsdafdsfasdfsadfsadfs</p>
                    </div>
                </div>
                <div class="sign-box sign-6">
                    原料仓
                    <div class="sign-container">
                        <img src="./img/quality/equipment-img1.png" alt="equipment">
                        <p class="sign-detail">fsdafdsfasdfsadfsadfs</p>
                    </div>
                </div>
                <div class="sign-box sign-7">
                    办公室
                    <div class="sign-container">
                        <img src="./img/quality/equipment-img1.png" alt="equipment">
                        <p class="sign-detail">fsdafdsfasdfsadfsadfs</p>
                    </div>
                </div>
                <div class="sign-box sign-8">
                    热处理车间
                    <div class="sign-container videoWrap">
                      <a href="#" class="showModelBtn" type="video"   media="https://player.youku.com/embed/XNjQwNDUzOTU0OA==">
                          <img src="./img/quality/equipment-img1.png" alt="equipment">
                          <span class="sign-detail">fsdafdsfasdfsadfsadfs</span>
                       </a>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <footer>
        <!--footer-->
        <div class="footerBox w100 flex center">
            <div class="w1200   flex-row space-between">
                <div class="logo">
                    <h1>
                        <a href="" role="img" class="logo-bd footLogo clearfix"></a>
                    </h1>
                </div>
                <ul>
                    <li>
                        <h3>关于我们</h3>
                    </li>
                    <li><a href="#">团队实力</a></li>
                    <li><a href="#">可持续发展</a></li>
                    <li><a href="#">安全第一</a></li>
                    <li><a href="#">精细化运营</a></li>
                    <li><a href="#">能源设备</a></li>
                    <li><a href="#">招聘中心</a></li>
                    <li><a href="#">下载中心</a></li>
                </ul>

                <ul>
                    <li>
                        <h3>产品应用</h3>
                    </li>
                    <li><a href="#">汽车行业</a></li>
                    <li><a href="#">建筑行业</a></li>
                    <li><a href="#">机械设备行业</a></li>
                    <li><a href="#">其他行业</a></li>
                </ul>

                <ul>
                    <li>
                        <h3>产品中心</h3>
                    </li>
                    <li><a href="#">成卷线材</a></li>
                    <li><a href="#">异形线/管</a></li>

                </ul>
                <ul>
                    <li>
                        <h3>新闻&媒体</h3>
                    </li>
                    <li><a href="#">公司&行业新闻</a></li>
                    <li><a href="#">媒体库</a></li>
                </ul>
                <ul>
                    <li>
                        <h3>联系我们</h3>
                    </li>
                    <li><a href="#">询盘表单提交</a></li>
                    <li><a href="#">社交媒体</a></li>
                    <li><a href="#">公司位置</a></li>
                </ul>
                <ul>
                    <li>
                        <h3>睿雄集团组成</h3>
                    </li>
                </ul>

            </div>

        </div>
        <div class="footeTwo  w100 flex center">
            <div class="w1200 h100 flex-row space-between align-items-center">
                <ul class="flex-row ulNav">
                    <li><a href="#">Contact us</a></li>
                    <li><a href="#">Location finder</a></li>
                    <li><a href="#">Sitemap</a></li>
                    <li><a href="#">Legal</a></li>
                    <li><a href="#">Privacy</a></li>
                </ul>
                <ul class="flex-row ulImg align-items-center">
                    <li><a href="#"><img src="./img/common/facebook1.png" alt=""></a></li>
                    <div class="border"></div>
                    <li><a href="#"><img src="./img/common/facebook2.png" alt=""></a></li>
                    <div class="border"></div>
                    <li><a href="#"><img src="./img/common/facebook3.png" alt=""></a></li>
                </ul>

            </div>
        </div>
    </footer>
    <!--弹出层-->
    <div id="videoBox" style="display: none;">
      <iframe id="videoIframe" src="" title="Tensile strength test" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen>
      </iframe>
    </div>
    <!--弹出层-->
    <script src="./utils/jquery-1.8.3.min.js"></script>
    <script src="./utils/dialog-plus.js"></script>
    <script src="./utils/bootstrap.min.js"></script>
    <script>
      $('#videoIframe').attr({ width: document.documentElement.scrollWidth * 0.8, height: document.documentElement.scrollWidth * 0.4 })
      $(document.body).on('click', '.videoWrap a', function (e) {
        e.preventDefault();
        var videoBox = dialog({
          title: 'Video',
          content: $('#videoBox')
        });
        $('#videoIframe').attr('src', $(e.target).parents('a').attr('media'))
        setTimeout(function () {
          videoBox.showModal();
        }, 500)
      })
    </script>
</body>

</html>